/* 
    Document   : main
    Created on : 10 janv. 2012, 10:38:43
    Author     : Thierry
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

*{ margin: 0; padding: 0; }
body { font-family: Arial, sans-serif; font-size: 13px; color: #555555; background: url("../img/background.png") repeat; }

/* Links */
a, a:link, a:visited, a:active { text-decoration: none; color: #933; }

div { padding: 0; border: none; }
p { line-height: 1.25em; margin: 1.25em 0; text-align: justify; }

/* Formulaires */
input, select, textarea, button { font-size: 0.9em; color: #666666; text-decoration: none; padding: 3px; }
input[type=text], input[type=password] { background-color: white; border: 1px solid silver; }
input[type=submit], input[type=submit]:focus, input[type=submit]:hover{ font-size: 1.2em; padding: 3px; border: #000000 1px solid; cursor: hand; color: #000000; background-color: #ECECEC; }
button, button:focus, button:hover { font-size: 1.2em; padding: 3px; border: #000000 1px solid; cursor: hand; color: #000000; background-color: #ECECEC;}
input[type=text][readonly]{ background-color: #fae0e0; border: 1px solid #930000; color: #000000; font-size: 0.9em; padding: 2px; }
select { font-size: 0.9em; }
textarea { font-size: normal; }
input:focus, textarea:focus{ border: 1px solid #999; }

/* Messages */
#info, #success, #warning, #failure, #forbidden { border: 1px solid; margin: 10px 10px; padding: 15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; }
#info { color: #00529B; background-color: #BDE5F8; background-image: url("../img/32x32/info.png"); }
#success { color: #4F8A10; background-color: #DFF2BF; background-image:url("../img/32x32/success.png"); }
#warning { color: #9F6000; background-color: #FEEFB3; background-image: url("../img/32x32/warning.png"); }
#failure { color: #D8000C; background-color: #FFBABA; background-image: url("../img/32x32/error.png"); }
#forbidden { color: #D8000C; background-color: #FFBABA; background-image: url("../img/32x32/forbidden.png"); }

/* Menu - Icones */
div#clear { clear: both; }
div#menu { margin-bottom: 10px; overflow: hidden; width: 100%; }
a.small-button { background: url("../img/small-button.gif"); float: left; color: #555555; font-weight: bold; text-decoration: none; width: 191px; height: 30px; line-height: 29px; cursor: pointer; margin-right: 10px; }
a.button{ background: url("../img/button.gif"); float: left; color: #555555; font-weight: bold; text-decoration: none; width: 191px; height: 30px; line-height: 29px; cursor: pointer; margin-right: 10px; }
a:hover.button, a:hover.small-button { color: #0066CC; }
.add { background: url("../img/16x16/add.png") no-repeat 8px 8px; text-indent: 30px; display: block; }

/* Tables */
table#home td { vertical-align: top; text-align: center; }

#list-table { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; background: #fff; width: auto; border-collapse: collapse; text-align: left; border: 2px solid darkblue; margin-bottom: 15px; }
#list-table th { font-size: 14px; font-weight: normal; color: #039; border-bottom: 2px solid #6678b1; padding: 5px 8px; background: #dde2ff; }
#list-table td { border-bottom: 1px solid #ccc; color: #669; padding: 2px 8px; }
#list-table tbody tr:hover td { color: #5ca60d; background-color: #ddffdd; }
#list-table tr.odd { background-color: #e7e7e7; }

/* Titres */
h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }
h5 { color: #369; padding-left: 15px; }
h4 { color: #306; padding-left: 10px; }
h3 { color: #06C; padding-left: 5px; }
h2 { color: #036; }

/* Images */
img { border: none; }

/* Header & Footer & Content */
#footer a, #header a { color: #fff; text-decoration: none; }
#footer a:active, #footer a:hover, #footer:link, #footer:visited { color: #cce7eb; }
#header a:active, #header a:hover, #header:link, #header:visited { color: #cce7eb; }

#header-wrap { position: fixed; top: 0; left: 0; width: 100%; }
#header-container { height: 25px; background: #2a2a2a; border-bottom: 3px solid #538792; padding-top: 8px; }
#header { width: 980px; margin: 0 auto; position: relative; color: white; }
#header-menu { margin-left: 250px; color: #fff; text-align: right; display: inline; }

#footer-wrap { position: fixed; bottom: 0; left: 0; width: 100%; }
#footer-container { height: 25px; background: #2a2a2a; border-top: 3px solid #538792; padding-top: 8px; text-align: center; }
#footer { width: 980px; margin: 0 auto; position: relative; color: white; }

#container { width: 980px; margin: 0 auto; margin-bottom: 20px; overflow: auto; padding: 60px 0 40px; }
#content { float: left; width: 700px; border: 1px solid #c9c9c9; background: #FFF; padding: 20px; }